iT邦幫忙

DAY 4
1

jQuery外掛特輯系列 第 4

[jQuery]外掛特輯04:queryLoader-預先載入網頁圖片

  • 分享至 

  • xImage
  •  

更詳細的內容請至我的部落格瀏覽「finalevil's blog

記得前幾天我才介紹了一個外掛,詳情請看這篇[jQuery]外掛特輯01:Lazy Load-延遲載入網頁圖片,裡面介紹了延遲載入網頁圖片的方法與優點。這次要介紹的外掛其功能正好於lazyLoad相反,這是一篇預先載入圖片的外掛。

預先載入聽起來好像很厲害,其實也很單純,這個外掛只是將整個網頁Mask起來,然後顯示一個模仿Flash的進度條,告訴你這個網頁還要過多久才會完整的下載完畢,讓你在瀏覽整個網站的時候不需要因為等待圖片載入而影響使用者體驗。
個人覺得,這個外掛對於開發者而言沒什麼好處XD。不過,對於使用者而言,由於完整載入了整個網頁,所以,理論上使用者在瀏覽網頁的時候,會變的更加順暢,更能增加使用者體驗。不過如同我在外掛特輯01中所說的,如果網路太慢的話,不是等待太久,可能就是載入圖片失敗請按F5重新整理囉。

* 外掛名稱:QueryLoader
* 作者網站:http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/
* 檔案下載:queryLoader.zip
* Demo1:http://www.gayadesign.com/scripts/queryLoader
* Demo2:http://jquery.finalevil.com/queryloader.html
* PS:此外掛不支援IE6 ^^"

上面提供了兩個Demo,Demo1是作者網站上的Demo,處理整個body中所有圖片的預先載入。Demo2則是僅僅只處理id為「queryloader-test」的div標籤中所包含的圖片。

以下是使用方式,
(1)你可以直接指定body標籤,這表示要等body內的所有圖片都載入完成,才能看到網頁畫面。

更詳細的內容請至我的部落格瀏覽「finalevil's blog


上一篇
[jQuery]外掛特輯03:FontEffect-文字特效大師
下一篇
[jQuery]外掛特輯05:formToWizard-自動將表單轉換成精靈模式
系列文
jQuery外掛特輯18
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言